@import url(lib.less);
@import url(reset.less);
//内边距
@i-padding: 20px;
//外边距
@o-margin: 20px;
//主题色
@t-color: #4CAF50;
@t-color-dark: #3E9D41;
//背景色
@bg-color: #E6E8EA;
@menu-bg-color: #181D20;
@bar-bg-color: #fff;
//边框颜色
@b-color: #ddd;
@active:#F1F1F1;
@b-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
//块高度
@block-height: 30px;
//主题色
@tc:#09bb07;
body{font-size: 14px; position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
select{ border: 0; border-bottom: 2px solid @tc; border-radius: 2px; .di; padding: 2px 5px; .lh(30px);margin-right: 10px;
	option{ .lh(30px)}
}
//清除浮动 内置fl,fr
.cf{ .cf;}
//行内元素 居中
.di{ .di;}
//超出后隐藏
.omit{ .omit;}
//默认200毫秒
.trs{ .trs}
//  500毫秒
.trs500{ .trs500}

.wrap{width: 1000px; margin: 0 auto;}
.m-header{ height: 76px; background-color: @tc;
	a{ color: #fff; font-size: 18px;
		&:hover{color: darken(#fff, 20%)}
	}
	.logo{ .bg('logo.png'); width: 196px; height: 45px; margin-left: 84px; margin-top: 16px;}
	.nav{ margin-top: 30px;
		a{padding: 0 40px;}
	}
}
.m-banner{
	.bg('bg.jpg', no-repeat, center); background-size: cover; height: 580px; overflow: hidden;
	h1{font-size: 72px; color: #393939; margin-left: 15px; line-height: 1.1; margin-top: 60px; margin-bottom: 30px;}
	h2{font-size: 24px; line-height: 1.2; margin-bottom: 25px;}
	.phone{
		.bi('phone.png'); width: 346px; height: 708px; margin-left: 84px; margin-top: 50px; margin-right: 60px;
	}
	.tent{
		.text{margin-left: 130px; color: #393939;}
	}
	.info{ margin-left: 15px; margin-bottom: 30px;}
	.download{ overflow: hidden;
		a{ width: 192px; height: 54px; float: left; margin-right: 30px; .op(80);
			.trs;
			&:hover{.op(100)}
		}
		.ios{.bg('ios_btn.png');}
		.adr{.bg('adr_btn.png');}
	}
}
.m-shows{
	.show{height: 670px; width: 1000px; margin: 0 auto; position: relative;}
	.cov{z-index: 1;}
	.cov, .qov{position: absolute;}
	.show1{
		.cov{ width: 650px; height: 440px; .bi('cov_1.png'); top: 48px; right: 20px;}
		.qov{ width: 650px; height: 476px; .bi('qov_1.png'); left: -74px; top: 122px;}
	}
	.show2{
		.cov{ width: 590px; height: 472px; .bi('cov_2.png'); left: 66px; top: 100px;}
		.qov{ width: 494px; height: 590px; .bi('qov_2.png'); right: 15px; top: 50px;}
	}
	.show3{
		.cov{ width: 562px; height: 306px; .bi('cov_3.png'); top: 70px; right: 110px;}
		.qov{ width: 280px; height: 572px; .bi('qov_3.png'); top: 43px; left: 147px;}
	}
	.show4{
		.cov{ width: 556px; height: 392px; .bi('cov_4.png'); left: 103px; top: 146px;}
		.qov{ width: 294px; height: 600px; .bi('qov_4.png'); right: 120px; top: 40px;}
	}
}
.m-download{
	background-color: @tc; text-align: center; padding: 50px 0;
	.logo-f{.bi('logo_f.png'); width: 233px; height: 59px; display: block; margin: 0 auto; margin-bottom: 35px;}
	.btns{
		overflow: hidden; width: 192px * 2 + 35px; margin: 0 auto; margin-bottom: 35px;
		a{float: left; width: 192px; height: 54px; .op(80);
			.trs;
			&:hover{.op(100)}
		}
		.ios{.bg('f_btn_ios.png'); margin-right: 35px;}
		.adr{.bg('f_btn_adr.png');}
	}
	p{color: #fff; text-align: center; font-size: 16px;}
}
.m-footer{
	background-color: #404040; color: #fff;text-align: center; padding: 20px 0;
	a{color: #fff;}
	h3{font-size: 18px; width: 130px; border:2px solid #fff; .border-radius(12px); margin: 0 auto; margin-bottom: 20px;}
	ul{ overflow: hidden; border-left: 1px solid #fff; width: 605px; margin: 0 auto; margin-bottom: 40px;
		li{border-right: 1px solid #fff; float: left; font-size: 16px;
			width: 200px;
		}
	}
}